<!--
author: W3layouts
author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="en">
<head>
<title>Logistic Transport Category Flat Bootstrap Responsive Web Template | Gallery :: w3layouts</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Logistic Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />

    <script>
        addEventListener("load", function () {
            setTimeout(hideURLbar, 0);
        }, false);

        function hideURLbar() {
            window.scrollTo(0, 1);
        }
    </script>
	
	<!-- css files -->
    <link href="css/bootstrap.css" rel='stylesheet' type='text/css' /><!-- bootstrap css -->
    <link href="css/style.css" rel='stylesheet' type='text/css' /><!-- custom css -->
    <link href="css/font-awesome.min.css" rel="stylesheet"><!-- fontawesome css -->
	<!-- //css files -->
	
	<!-- google fonts -->
	<link href="//fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;subset=devanagari,latin-ext" rel="stylesheet">

	<!-- //google fonts -->
	
</head>
<body>
<!-- //header -->
<header>
	<div class="container">
		<!-- top header -->
		<div class="row top_header pt-3">
			<div class="col-lg-3 offset-lg-7 col-md-5 offset-md-3 col-sm-6 col-7 offset-sm-2 top-grid">
				<span class="fa ml-3 fa-envelope-open-o"></span>
				<p class=""> <a href="mailto:info@example.com">info@example.com</a> <span class="block">Contact Support</span> </p>
			</div>
			<div class="col-lg-2 col-md-4 col-sm-4 col-5 top-grid pl-0">
				<span class="fa ml-3 fa-phone"></span>
				<p class=""> +11 2345 6789 <span class="block">24/7 Helpline</span> </p>
			</div>
		</div>
		<!-- top header -->
		<!-- nav -->
		<nav class="pt-2">
			<div id="logo">
				<h1> <a href="index.html"><span class="fa fa-ship"></span> Logistic</a></h1>
			</div>
			<label for="drop" class="toggle">Menu</label>
			<input type="checkbox" id="drop" />
			<ul class="menu mt-md-2 ml-auto">
				<li class="mr-lg-4 mr-2"><a href="index.html">Home</a></li>
				<li class="mr-lg-4 mr-2"><a href="about.html">About Us</a></li>
				<li class="mr-lg-4 mr-2"><a href="services.html">Services</a></li>
				<li class="mr-lg-3 mr-2 p-0 active">
					<!-- First Tier Drop Down -->
					<label for="drop-2" class="toggle">Dropdown <span class="fa fa-angle-down" aria-hidden="true"></span> </label>
					<a href="#">Dropdown <span class="fa fa-angle-down" aria-hidden="true"></span></a>
					<input type="checkbox" id="drop-2"/>
					<ul class="inner-dropdown">
						<li><a href="gallery.html">Our Gallery</a></li>
						<li><a href="error.html">404 Error Page</a></li>
						<li><a href="#">Add Link</a></li>
					</ul>
				</li>
				<li class="mr-lg-4 mr-2"><a href="contact.html">Contact</a></li>
				<li class=""><a href="#subscribe">Subscribe</a></li>
			</ul>
		</nav>
		<!-- //nav -->
	</div>
</header>
<!-- //header -->

<!-- inner banner -->
<div class="inner-banner" id="home">
	<div class="container">
		
	</div>	
</div>
<!-- inner banner -->
<!-- gallery -->
<div class="gallery py-5" id="gallery">
	<div class="container py-md-3">
		<h2 class="heading text-center mb-md-5 mb-4">Our Gallery</h2>
		<div class="news-grids gal text-center">
			<div class="row">
				<div class="col-lg-3 col-md-4 col-sm-6 gal-img">
					<a href="#gal1"><img src="images/blog1.jpg" alt="projects image" class="img-fluid"></a>
				</div>
				<div class="col-lg-3 col-md-4 col-sm-6 gal-img my-md-0">
					<a href="#gal2"><img src="images/blog2.jpg" alt="projects image" class="img-fluid"></a>
				</div>
				<div class="col-lg-3 col-md-4 col-sm-6 gal-img">
					<a href="#gal3"><img src="images/blog3.jpg" alt="projects image" class="img-fluid"></a>
				</div>
				<div class="col-lg-3 col-md-4 col-sm-6 gal-img">
					<a href="#gal1"><img src="images/blog1.jpg" alt="projects image" class="img-fluid"></a>
				</div>
				<div class="col-lg-3 col-md-4 col-sm-6 gal-img">
					<a href="#gal2"><img src="images/blog2.jpg" alt="projects image" class="img-fluid"></a>
				</div>
				<div class="col-lg-3 col-md-4 col-sm-6 gal-img my-md-0">
					<a href="#gal3"><img src="images/blog3.jpg" alt="projects image" class="img-fluid"></a>
				</div>
				<div class="col-lg-3 col-md-4 col-sm-6 gal-img">
					<a href="#gal1"><img src="images/blog1.jpg" alt="projects image" class="img-fluid"></a>
				</div>
				<div class="col-lg-3 col-md-4 col-sm-6 gal-img">
					<a href="#gal2"><img src="images/blog2.jpg" alt="projects image" class="img-fluid"></a>
				</div>
				<div class="col-lg-3 col-md-4 col-sm-6 gal-img">
					<a href="#gal3"><img src="images/blog3.jpg" alt="projects image" class="img-fluid"></a>
				</div>
				<div class="col-lg-3 col-md-4 col-sm-6 gal-img my-md-0">
					<a href="#gal1"><img src="images/blog1.jpg" alt="projects image" class="img-fluid"></a>
				</div>
				<div class="col-lg-3 col-md-4 col-sm-6 gal-img">
					<a href="#gal2"><img src="images/blog2.jpg" alt="projects image" class="img-fluid"></a>
				</div>
				<div class="col-lg-3 col-md-4 col-sm-6 gal-img">
					<a href="#gal3"><img src="images/blog3.jpg" alt="projects image" class="img-fluid"></a>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- gallery popups -->
<!-- popup-->
<div id="gal1" class="popup-effect">
	<div class="popup">
		<img src="images/blog1.jpg" alt="Popup Image" class="img-fluid" />
		<a class="close" href="#gallery">&times;</a>
	</div>
</div>
<!-- //popup -->
<!-- popup-->
<div id="gal2" class="popup-effect">
	<div class="popup">
		<img src="images/blog2.jpg" alt="Popup Image" class="img-fluid" />
		<a class="close" href="#gallery">&times;</a>
	</div>
</div>
<!-- //popup -->
<!-- popup-->
<div id="gal3" class="popup-effect">
	<div class="popup">
		<img src="images/blog3.jpg" alt="Popup Image" class="img-fluid" />
		<a class="close" href="#gallery">&times;</a>
	</div>
</div>
<!-- //popup -->
<!-- //gallery popups -->
<!-- //gallery -->


<!-- footer-top -->
<section class="footer-top py-5">
	<div class="container">
		<div class="row footer-top-grid">
			<div class="col-sm-6">
				<h3>Contact Us</h3>
				<p>Call us, we are 24/7 Helpline</p>
			</div>
			<div class="col-sm-6 text-sm-right mt-sm-0 mt-3">
				<h3><span class="fa fa-phone" aria-hidden="true"></span> +11 2345 6789</h3>
			</div>
		</div>
	</div>
</section>
<!-- //footer-top -->

<!--footer -->
<div class="footer footer_w3layouts_section_1its py-5" id="subscribe">
	<div class="container pt-sm-4">
		<div class="row footer-grid">
			<div class="col-md-5 footer-grid_section_1its_w3">
				<div class="footer-title">
					<h3>Who we are</h3>
				</div>
				<div class="footer-text">
					<p>Curabitur non nulla sit amet nislinit tempus ipsum convallis quis ac lectus. lac inia eget consectetur sed, convallis at tellus.	Nulla porttitor accumsana tincidunt. Vestibulum ante ipsum primis tempus.</p>
					<ul class="social_section_1info">
						<li><a href="#" class="w3_facebook"><i class="fa fa-facebook"></i></a></li>
						<li><a href="#" class="w3_twitter"><i class="fa fa-twitter"></i></a></li>
						<li><a href="#" class="w3_instagram"><i class="fa fa-instagram"></i></a></li>
						<li><a href="#" class="w3_google"><i class="fa fa-google-plus"></i></a></li>
					</ul>
				</div>
			</div>
			<div class="col-md-3 col-sm-5 footer-grid_section_1its_w3 mt-md-0 mt-4">
				<div class="footer-title">
					<h3>Useful Links</h3>
				</div>
				<ul class="links">
					<li><a href="about.html">About Our Company</a></li>
					<li><a href="services.html">Logistics Services</a></li>
					<li><a href="#">Terms & Conditions</a></li>
					<li><a href="#">Privicy Policy</a></li>
				</ul>
			</div>
			<div class="col-md-4 col-sm-7 footer-grid_section_1its_w3 mt-md-0 mt-4">
				<div class="footer-title">
					<h3>Subscribe</h3>
				</div>
				<div class="footer-text">
					<p>By subscribing to our mailing list you will get latest news and updates from us.</p>
					<form action="#" method="post">
						<input type="email" name="Email" placeholder="Enter your email..." required="">
						<button class="btn1"><i class="fa fa-paper-plane" aria-hidden="true"></i></button>
						<div class="clearfix"> </div>
					</form>
				</div>
			</div>
			<div class="clearfix"></div>
		</div>
		<!-- move top -->
		<div class="move-to-top text-center">
			<a href="#home" class="move-top"><span class="fa fa-angle-double-up" aria-hidden="true"></span></a>
		</div>
		<!-- //move top -->
		<div class="copyright">
			<p>© 2019 Logistic. All Rights Reserved | Design by <a href="http://w3layouts.com/">W3layouts</a> </p>
		</div>
	</div>
</div>
<!-- //footer -->

</body>
</html>